body {
  display: flex;
  flex-direction: column;
}

.app-curse {
  flex: 1;
  overflow-y: scroll;
  /* 课程训练 */
  .curse {
    padding: 0 15px 90px;
    .new {
      margin: 20px 0 10px;
    }
    .cu-img {
      width: 100%;
      // height: 210px;
      font-size: 14px;
      border-radius: 15px;
      box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.4);
      overflow: hidden;
      img {
        height: 150px;
        width: 100%;
        object-fit: cover; /* 保持原有尺寸比例 */
      }
      p {
        margin-left: 15px;
        margin-top: 5px;
      }
      .cup {
        color: #9a9a9a;
        font-size: 12px;
        margin-bottom: 15px;
        white-space: nowrap; /* 将强制一行 */
        overflow: hidden; /* 溢出隐藏 */
        text-overflow: ellipsis; /* 文本溢出产生省略号 */
      }
    }
    .course-list {
      li {
        height: 140px;
        border-radius: 15px;
        box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.4);
        overflow: hidden;
        position: relative;
        margin-bottom: 15px;
        img {
          width: 100%;
          height: 140px;
          object-fit: cover; /* 保持原有尺寸比例 */
        }
        div {
          position: absolute;
          left: 15px;
          bottom: 15px;
          color: #fff;
          span {
            font-size: 12px;
          }
        }
      }
    }
  }
}
